<html>
<head>
</head>

<body>
<wicket:panel>
	<div class="inviteOuter">
		<div class="es-invform" style="width: 100%;">
			<div class="es-sentInvite es-text" wicket:id="inviteContainer">
				<ul class="norm">
					<li wicket:id="InviteeLV"><span wicket:id="invitee"></span></li>
				</ul>
			</div>
		
			<form wicket:id="inviteForm">
				<div class="es-invField">
					<textarea wicket:id="inviteInputArea" style="width: 100%; overflow: auto;" rows="5">
					</textarea>
				</div>
				
				<div class="es-invField" style="padding-bottom:40px;">
					<wicket:enclosure>
						<div class="es-invFieldName">Role</div>
						<select wicket:id="roleSelect">
						</select>
					</wicket:enclosure>
					<div style="clear: both;" wicket:id="checkboxContainer"><input
						type="checkbox" wicket:id="checkbox" /> <span wicket:id="choice"></span>
					</div>
					<button type="submit" wicket:id="done"
						style="float: right; margin-right: 20px;"
						class="es-button ui-state-default ui-corner-all">Done</button>
					<button type="submit" style="float: right; margin-right: 20px;"
						class="es-button ui-state-default ui-corner-all">Invite</button>
				</div>
			</form>
		</div>
	</div>
</wicket:panel>
</body>
</html>